<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<h:form id="cadastroForm">
		<p:growl autoUpdate="true" showDetail="false" />
		<h:panelGrid columns="2" columnClasses="label1">
			<p:outputLabel value="Nome:" for="inputNome" />
			<p:inputText id="inputNome" value="#{cadastroBean.nome}"
				required="true" requiredMessage="O campo Nome é obrigatório" />
			<p:outputLabel value="Sobrenome:" for="inputSobrenome" />
			<p:inputText id="inputSobrenome" value="#{cadastroBean.sobrenome}"
				required="true" requiredMessage="O campo Nome é obrigatório" />
			<p:outputLabel value="Email:" for="inputEmail" />
			<p:inputText id="inputEmail" value="#{cadastroBean.email}"
				required="true" label="Email"
				requiredMessage="O campo Email é obrigatório" />
			<p:outputLabel value="Senha:" for="inputSenha" />
			<p:password id="inputSenha" value="#{cadastroBean.senha}"
				required="true" requiredMessage="O campo Senha é obrigatório"
				match="inputConfSenha"
				validatorMessage="Confirmação de senha incorreta" />

			<p:outputLabel value="Confirme a Senha:" for="inputConfSenha" />
			<p:password id="inputConfSenha" required="true"
				requiredMessage="O campo Confirmação de Senha é obrigatório" />

			<p:outputLabel value="Data Nascimento:" for="inputData" />
			<p:calendar id="inputData" value="#{cadastroBean.dataNascimento}" pattern="dd/MM/yyyy"
				navigator="true" display="inline" yearRange="1930" required="true"
				requiredMessage="O campo Data é obrigatório" />

			<p:outputLabel value="Gênero: " for="radioGenero" />
			<p:selectOneRadio id="radioGenero" value="#{cadastroBean.genero}"
				required="true" requiredMessage="O campo Gênero é obrigatório">
				<f:selectItem itemLabel="Masculino" itemValue="MASCULINO" />
				<f:selectItem itemLabel="Feminino" itemValue="FEMININO" />
			</p:selectOneRadio>
		</h:panelGrid>

		<br />

		<p:commandButton id="btnLogin" value="Cadastrar"
			action="#{cadastroBean.cadastrar}" update="cadastroForm" />
		<p:blockUI block="cadastroForm" trigger="btnLogin">
			Cadastrando...	
		</p:blockUI>
	</h:form>
</ui:composition>
</html>